// 图片样式
.logo
  display block
  width 100%
  height 100%
.wrapper
  width 100%
  height 100vh
  overflow auto
  box-sizing border-box
  padding-bottom 320rpx
.scroll-view
  width 100%
  min-height 100vh
  background-color #f9f9f9
.card
  background-color #fff
  border-radius 15rpx
  overflow hidden
  width 720rpx
  margin 10rpx auto 0
  box-sizing border-box
  padding 20rpx
.scroll-view-baseinfo
  background-image linear-gradient(102deg, rgb(236,236,250) 0%, rgb(232,245,254) 10% ,#ffffff 30% ,rgb(245,248,253) 98%)
  .baseinfo-intro
      padding-bottom 16rpx
      border-bottom 2rpx solid #dddddd
      margin-bottom 16rpx
      .baseinfo-intro-title
        font-size 32rpx
        font-weight bold
        color #000000
        margin-bottom 14rpx
      .baseinfo-intro-address
        font-size 24rpx
        color #666666
        margin-bottom 18rpx
      .baseinfo-intro-sarly
        font-size 38rpx
        color #F27E44
        margin-bottom 12rpx
      .baseinfo-intro-tag
        display flex
        align-items center
        width 50%
        padding 4rpx 8rpx
        border-radius 18rpx
        background-color #DDFDE8
        color #6BC294
        font-size 24rpx
        .tips-icon
          width 30rpx
          height 30rpx
          margin-left 8rpx
  .company-address-info
    display flex
    // margin-bottom 24rpx
    .compnay-logo
      width 28rpx
      height 30rpx
      margin-right 8rpx
      padding-top 8rpx
    .map-logo
      width 40rpx
      height 40rpx
      border-radius 50%
    .com-address-wrapper
      color #606163
      font-size 28rpx
      flex 1
    .com-remark
      color #DA6277
      font-size 24rpx
  .phone-number-wrapper
    display flex
    align-items center
    .phone-logo
      width 28rpx
      height 30rpx
      margin-right 16rpx
    .copy
      width 60rpx
      height 60rpx
      line-height 60rpx
      margin-left 8rpx
      font-size 28rpx
      color #5165BB
    .phone-text
      flex 1
      color #606163
      font-size 28rpx
.scroll-view-postinfo
  .post-title
    font-size 32rpx
    font-weight bold
    color #000000
    // margin-bottom 28rpx
  .post-tag
    width 80rpx
    height 30rpx
    line-height 30rpx
    text-align center
    font-size 24rpx
    border-radius 5rpx
    padding 12rpx
    background-color #ffffff
    border 2rpx solid #F2DAE3
    color #C65370
    margin-bottom 28rpx
  .post-detail
    display flex
    font-size 28rpx
    margin-top: 20rpx
    .nums
      color #606163
.scroll-view-tips
  .tips-title
    font-size 32rpx
    font-weight bold
    color #000000
    margin-bottom 18rpx
    display flex
    align-items center
    .safe-icon
      width 40rpx
      height 40rpx
  .tips-text
    font-size 28rpx
    color #606163
    .tips-order
      margin-bottom 8rpx
.bottom-btn-wrapper
    width 100%
    box-sizing border-box
    position fixed
    bottom 0
    left 0
    right 0
    display flex
    align-items center
    z-index 10
    background-color #ffffff
    padding 20rpx 30rpx
    .call-btn
      flex 1 1 20%
      display flex
      flex-direction column
      align-items  center
      justify-content center
      .call-btn-icon
        width 30rpx
        height 40rpx
      .call-text
        font-size 24rpx
    .btn
      flex 1 1 80%
      background-image linear-gradient(to right , rgb(254,68,95) 0%, rgb(255,110,72) 98%)
      font-size 28rpx
      color #ffffff
      border-radius 10rpx
      padding 10rpx 0
    .dm-active
      background linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 100%)
      color #000
      border 2rpx solid #eeeeee
// 手机号授权样式
.modal-overlay-auth
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end; /* Align items to the bottom */
  overflow: hidden;
  z-index 100
// 弹窗内容容器
.popup
  background: white
  width 100%
  height 70%
  box-shadow 0 2px 10px rgba(0, 0, 0, 0.1)
  border-radius 10px 10px 0 0
  animation slide-up 0.3s ease
  position relative
  overflow hidden
.popup-auth
  background-image linear-gradient(to bottom , #FFD9E2 0%, #FFFFFF 20%)
  .auth-header-wrapper
    display flex
    align-items center
    justify-content space-between
    .auth-header-left
      flex 1
    .auth-header-right
      width 120rpx
      height 80rpx
      line-height 80rpx
      text-align center
      font-size 40rpx
  .auth-img-wrapper
    width 280rpx
    height 280rpx
    margin 0 auto
    .auth-img
      display block
      width 100%
      height 100%
  .auth-intro
    font-size 32rpx
    font-weight bold
    color #000000
    text-align center
  .auth-remark
    text-align center
    font-size 28rpx
    color #606163
    margin-top 10rpx
  .auth-btn-wrapper
    margin-top 50rpx
    .auth-tbn
      display block
      width 420rpx
      color #ffffff
      font-size 38rpx
      border-radius 60rpx
      text-align center
      background-image linear-gradient(to right , rgb(254,68,95) 0%, rgb(255,110,72) 98%)
/* Keyframe animation */
@keyframes slide-up {
  from {
    transform translateY(100%)
  }
  to {
    transform translateY(0)
  }
}
// 职位福利
.dm-product-welfare
  // padding-bottom 40rpx
  &__tag
    display inline-block
    margin-right 4px
    padding-top 24rpx

// 报名弹窗
.dm-pannel.product-confirm
    position fixed
    right 0
    bottom 0
    left 0
    z-index 1001
    padding 0
    background-color white
    &::after
      display none
    &.dm-active
      display block
    .dm-pannel-hd
      display none
    scroll-view
      max-height 334px
    .dm-word-address
      max-height 121px
    .dm-work-times
      max-height 121px
    .dm-product-title
      .dm-text-bold
        display inline-block
        position relative
        top 1px
        font-size 16px
        font-weight 400
        margin 0 4px
    .dm-product-tips
      position relative
      border-top 12px solid #fff
      color #fb0
      font-size 12px
      line-height 20px
      padding 6px 12px
      margin 0 20px
      box-shadow inset 0 0 0 1px #fb0
    .direct_contact
      margin 5px 0
      padding 0 20px
      .direct_text
        height 50px
        font-size 12px
      .tel_contact
        width 80px
        height 46px
    .dm-product-tips2
      color #f60
      padding 0
      box-shadow none
    .dm-product-tips3
      color #f60
      padding 0
      box-shadow none
      background-color #fff5ed
      line-height 36px
      height 36px
    .dm-product-dlist
      position relative
      padding 12px 0
      &::after
        content ''
        position absolute
        top 0
        right 20px
        left 20px
        height 1px
        background-color #e5e5e5
        transform-origin 0 0
        transform scale3d(1, 0.5, 1)
      &.first
        &::after
          display none
    .dm-product-dlist-dt
      color #404040
      font-size 16px
      font-weight 700
      line-height 24px
      padding 0 20px
      .dm-text-tiny
        display inline-block
        font-size 14px
        font-weight 400
        line-height 24px
        margin-left 8px
    .dm-product-label
      padding 0 20px 4px
      overflow hidden
    .dm-product-label-item
      float left
      background-color #f1f1f1
      font-size 12px
      line-height 20px
      padding 2px 8px
      margin-top 12px
      margin-right 12px
    .dm-radio-group
      padding-bottom 4px
    .dm-radio-label
      padding 0 20px
    .dm-btn-group
      position relative
      flex-direction row-reverse
      &::after
        content ''
        position absolute
        top 0
        right 0
        left 0
        height 1px
        background-color #e5e5e5
        transform-origin 0 0
        transform scale3d(1, 0.5, 1)
    .dm-btn
      border-radius 0
      &::after
        display none
    .dm-btn-large
      line-height 50px
    .product-confirm
      .dm-product-title
        background-color #f5f5f5
        color #999
        font-size 12px
        font-weight 400
        line-height 20px
        text-align center
        padding 6px 12px
  @media only screen and (max-device-height: 480px)
    .product-confirm scroll-view
      max-height 224px